<script setup lang="ts">
import ChannelNav from './components/ChannelNav.vue';
import ArticleList from './components/ArticleList.vue'
import { ref } from 'vue';

// // 默认频道 id：0 为推荐
// const channelId = ref(0)

// // 修改频道 id 的回调函数，传递给子组件，子组件调用后回传 id
// const upDataChangelId = (id: number) => {
//   channelId.value = id
// }
</script>

<template>
  <!-- 
    父传子：通过defineProps和v-bind：传递数据
    子传父：通过defineEmits和v-on：传递函数，调用函数回传数据
   -->
  <ChannelNav></ChannelNav>
  <ArticleList></ArticleList>

  <!-- 路由视口 -->
  <router-view></router-view>
</template>